<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>{block name="title"}VIP管理系统{/block}</title>
    <meta name="keywords" content="our工作区">
    <meta name="author" content="yinqi">
    <!--layui-->
    <script type="text/javascript" src="__layui__/layui.js"></script>
    <link rel="stylesheet" href="__layui__/css/layui.css" media="all">
    <link href="__css__/bootstrap.min.css" rel="stylesheet">
    <link href="__css__/materialdesignicons.min.css" rel="stylesheet">
    <link href="__css__/style.min.css" rel="stylesheet">
    <!--对话框-->
    <link href="__js__/jconfirm/jquery-confirm.min.css" rel="stylesheet">
    {block name="css"}{/block}
</head>
<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--左侧导航-->
        {include file="public/lefter"}
        <!--End 左侧导航-->

        <!--头部信息-->
        <header class="lyear-layout-header">

            <nav class="navbar navbar-default">
                <div class="topbar">

                    <div class="topbar-left">
                        <div class="lyear-aside-toggler">
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                        </div>
                        <span class="navbar-page-title"> {block name="header_title"}{/block} </span>
                    </div>

                    <ul class="topbar-right">
                        <li class="dropdown dropdown-profile">
                            <a href="javascript:void(0)" data-toggle="dropdown">
                                <img class="img-avatar img-avatar-48 m-r-10" src="{$face}" alt="" />
                                <span>{$nickname} <span class="caret"></span></span>
                            </a>
<!--                            <ul class="dropdown-menu dropdown-menu-right">-->
<!--                                <li> <a href="my.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>-->
<!--                                <li> <a href="password.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>-->
<!--                                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>-->
<!--                                <li class="divider"></li>-->
<!--                                <li> <a href="login_out.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>-->
<!--                            </ul>-->
                        </li>
                    </ul>

                </div>
            </nav>

        </header>
        <!--End 头部信息-->

        <!--页面主要内容-->
        {block name="main"}{/block}
        <!--End 页面主要内容-->
    </div>
</div>
<script type="text/javascript" src="__js__/jquery.min.js"></script>
<script type="text/javascript" src="__js__/bootstrap.min.js"></script>
<script type="text/javascript" src="__js__/perfect-scrollbar.min.js"></script>
<!--消息提示-->
<script type="text/javascript" src="__js__/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="__js__/lightyear.js"></script>
<script type="text/javascript" src="__js__/main.min.js"></script>
<!--对话框-->
<script type="text/javascript" src="__js__/jconfirm/jquery-confirm.min.js"></script>

{block name="js"}{/block}
<script>
    var pathname = window.location.pathname;
    var list = $('.list-a');
    list.each(function () {
        var that = $(this),
            li = that.parent('li'),
            ul = li.parent('ul'),
            href = that.attr('href'),
            p = that.parents('.nav-item');
        if (pathname.indexOf(href)>0 && !that.hasClass('nav-item')){
            li.addClass('active');
            li.parents('.nav-item').addClass('active');
            ul.css('display','block');
            p.addClass('open');
        }
    })

</script>
